<template>
    <div class="margin-box">
        <list-page
            :pager="pager"
            :data="tableData"
            :showSelectSearch="true"
            :showSelectTips="true"
            :selectList="selectionList"
            :placeholder="placeholder"
            :totalSearchData="totalSearchData"
            :searchDataFrom="searchDataFrom"
            @searchByKey="searchByKey"
            @searchReset="searchReset"
            @selectionChange="selectionChange"
            @changePageSize="changePageSize"
            @changeCurrentPage="changeCurrentPage">
            <template slot="buttons">
                <el-button type="primary" size="small"  @click="toAdd()" >新增</el-button>
                <el-button type="primary" plain size="small" @click="toImport()" >导入</el-button>
                <el-button type="primary" plain size="small" @click="toExport()">导出</el-button>
            </template>
            <template slot="table">
                <el-table
                    :data="tableData"
                    align="center"
                    ref="multipleTable"
                    @selection-change="selectionChange">
                    <el-table-column type="selection" width="55"></el-table-column>
                    <el-table-column label="出租方名称" width="200" show-overflow-tooltip>
                        <!--将名称改成超链接名称 -->
                        <template slot-scope="scope">
                            <a href="javascript:void(0)" style="color:#1c71fb " @click="toPerson(scope.row)"  >{{scope.row.lessorName}}</a>
                        </template>
                    </el-table-column>
                    <el-table-column label="出租方类型" prop="lessorType" :formatter="lessee_type_list" ></el-table-column>

                    <el-table-column label="通讯地址" width="400" prop="address"></el-table-column>
                    <el-table-column label="备注" width="400" prop="remarks"></el-table-column>
                    <el-table-column
                        width="100px"
                        label="操作">
                        <template slot-scope="scope">
                            <el-button type="text" @click="toEdit(scope.row)">编辑</el-button>
                            <el-button type="text" @click="rowDel(scope.row)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </template>
        </list-page>
        <clientExport ref="clientExport" :searchForm="searchForm"></clientExport>
    </div>
</template>

<script src="./js/index.js">
</script>

